import 'package:flutter/material.dart';
import 'package:wheel_of_fortune/utils/utils.dart';
import 'package:wheel_of_fortune/widgets/customer_button.dart';


class EarnCandyItem extends StatelessWidget {
  const EarnCandyItem({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.all(15,),
      child: Row(
        children: [
          Container(
            width: 82,
            height: 82,
            // decoration: ShapeDecoration(
            //   image: DecorationImage(
            //     image: NetworkImage('https://www.ixiaolian.cc/file/ixiaolian/stage/ytime/avatar/eventcovers/remark_event5.jpg'),
            //   fit: BoxFit.fill),
            //   shape: RoundedRectangleBorder(
            //     borderRadius:
            //       BorderRadiusDirectional.circular(6),
            //   ),
            // ),
            child: Image.asset('assets/images/candy_btn_bg.png',fit: BoxFit.fill),
          ),
          SizedBox(width: 21,),
          Container(
            height: 82,
            alignment: Alignment.bottomLeft,
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.end,
              children: [
                Text('Activity Name',
                  style: TextStyle(color: Colors.black, fontSize: 14,fontFamily: 'Avenir Next LT Pro',fontWeight: FontWeight.bold),
                ),
                SizedBox(height: 5,),
                Text('Description: activity descriptions.',
                  style: TextStyle(color: grey6EColor, fontSize: 7,fontFamily: 'Avenir Next LT Pro',),
                ),
                SizedBox(height: 20,),
                Text.rich(
                  TextSpan(
                    children: [
                      TextSpan(text: 'Rewards:  ',style: TextStyle(color: mainColor, fontSize: 12,fontFamily: 'Avenir Next LT Pro',),),
                      TextSpan(text: '20 Candies',style: TextStyle(color: yellowColor, fontSize: 11,fontFamily: 'Avenir Next LT Pro',fontWeight: FontWeight.bold),),
                    ]
                  )
                ),
              ],
            ),
          ),
          Spacer(),
          Container(
            child: InkWell(
              child: Container(
                height: 20,
                width: 65,
                alignment: Alignment.center,
                decoration: BoxDecoration(
                  color: yellowColor,
                  borderRadius: BorderRadius.circular(10)
                ),
                child: Text('Go',
                  textAlign: TextAlign.center,
                  style: TextStyle(color:whiteColor,fontSize: 10,fontFamily: 'Avenir Next LT Pro'),
                ),
              ),
              onTap: (){
                
              },
            ),
          ),
          SizedBox(width: 10,),
        ],
      ),
    );
  }
}